<!DOCTYPE html>
<meta charset="UTF-8">
<div style="padding: 10px">
	<input data-type="datebox" data-defs="border:true,'width':120"></input>
</div>
<div style="padding: 10px">
	<input data-type="datebox" data-defs="formatter:myformatter,parser:myparser,border:true,'width':120"></input>
</div>
<script type="text/javascript">
	function myformatter(date) {
	    var y = date.getFullYear();
	    var m = date.getMonth() + 1;
	    var d = date.getDate();
	    return y + '/' + (m < 10 ? ('0' + m) : m) + '/' + (d < 10 ? ('0' + d) : d);
    }
    function myparser(s) {
	    if (!s)
		    return new Date();
	    var ss = s.split('-');
	    var y = parseInt(ss[0], 10);
	    var m = parseInt(ss[1], 10);
	    var d = parseInt(ss[2], 10);
	    if (!isNaN(y) && !isNaN(m) && !isNaN(d)) {
		    return new Date(y, m - 1, d);
	    } else {
		    return new Date();
	    }
    }
</script>
